<template>
	<view>
		<view class="cert_body">
			<view>
				<text class="txtipt">姓名</text>
				<u-input v-model="value" type="text" :border="true" />
			</view>
			<view>
				<text class="txtipt">身份证号</text>
				<u-input v-model="value" type="text" :border="true" />
			</view>
			<img :src="imgData" ref="img" class="img-data" />
		</view>
		<view class="btnNext" @click="btnNext">下一步</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			imgData: '',
			src:'',
		};
	},
	methods: {
		btnNext() {
			var self = this;
			uni.chooseVideo({
				count: 1,
				sourceType: ['camera'], 
				camera: 'front',
				maxDuration:10,
				success: function(res) {
					self.src = res.tempFilePath;
				}
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.cert_body {
	padding: 20rpx;
	> view {
		display: flex;
		align-items: center;
		padding: 10rpx;
		border-bottom: 1rpx solid #eeeeee;
	}
}
.txtipt {
	font-size: 35rpx;
	width: 200rpx;
}
.btnNext {
	width: 80%;
	background: #05B2B5;
	padding: 20rpx;
	text-align: center;
	color: #fff;
	border-radius: 50rpx;
	margin: 0 auto;
	margin-top: 80rpx;
}
.img-data {
	width: 100%;
	height: auto;
}
</style>
